<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="layui/jquery-3.2.1.min.js"></script>
    <script src="layui/layui.js"></script>
    <link href="layui/css/layui.css" rel="stylesheet">
    <script>
        layui.use('layer', function(){
            var layer = layui.layer;
        });

        function showDialog() {
            layer.alert("疫情 is back!",{
                skin:'layui-layer-mojv',
                anim:6,
                icon:5
            });
        }

        function showConten() {
            layer.open({
               title:"注册用户",
               type:1,
               shadeClose:true,
                skin:'layui-layer-rim',
                area:['420px','240px'],
                anim:2,
                content:$("#formDiv")
            });
        }

    </script>
</head>
<body>
    <h1>正文</h1>
    <a class="layui-btn layui-btn-normal" href="javascript:showDialog()">弹出框</a>
    <a class="layui-btn layui-btn-normal" href="javascript:showConten()">添加</a>
    <div id="formDiv" style="display: none">
        <form>
            姓名：<input type="text" name="name"><br>
            电话：<input type="text" name="tel"><br>
            生日：<input type="text" name="birthday"><br>
            <input type="button" class="layui-btn layui-btn-warm" value="添加" onclick="layer.closeAll()">
        </form>
    </div>
</body>
</html>